﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DivScroller.ascx.cs" Inherits="SlideShow.UserControls.DivScroller" %>


<script src="../JS/jquery.js" type="text/javascript"></script>

<script src="../JS/jquery.smoothDivScroll-0.9.js" type="text/javascript"></script>


<link href="../css/smoothDivScroll.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    $(function() {
    $("div#makeMeScrollable").smoothDivScroll({ autoScroll: "always", ajaxContentURL: "GetLotsaImages.aspx", scrollingSpeed: 15, autoScrollDirection: "endlessloop" });
    });
</script>

<style type="text/css">
	
	#makeMeScrollable
	{
		width:680px;
		height: 263px;
		position: relative;
		border: solid 1px #ccc;
	}
	
	#makeMeScrollable div.scrollableArea *
	{
		display: block;
		position: relative;
		float: left;
		padding: 0;
		margin: 0px 0px 0px 0px;
	}
	
	
		
	
	</style>


<div id="makeMeScrollable" >

    <div class="scrollWrapper">
        <div class="scrollableArea">
            <%--<img src="images/image1.png" />
             <img src="images/image2.png" />
             <img src="images/image3.png" />
             <img src="images/image4.png" />
             <img src="images/image5.png" />--%>
        </div>
    </div>
</div>
